import React from 'react';
import { Layout, Card } from 'antd';
import Header from './Header';
import MenuContent from '@/layouts/Menu';
import styles from './styles.less';

const BasicLayout: React.FC = (props: any) => {
  return (
    <div className={styles.container}>
      <Header />
      <MenuContent {...props}/>
      <Layout.Content className={styles.page_content}>
        <Card className={styles.page_content_card}>
          {props.children}
        </Card>
      </Layout.Content>
    </div>
  );
};

export default BasicLayout;
